import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    title: '网页的页签栏标题',
    home: Scaffold(
      // 顶部操作栏
      appBar: AppBar(
        title: Text('标题'),
        backgroundColor: Colors.pink,
      ),
      // 配出正文主题部分
      body: Main(),
    ),
  ));
}

class Main extends StatelessWidget {
  const Main({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
        padding: EdgeInsets.all(5),
        // 1. 使用build构造函数
        child: ListView.builder(
          // ListView 会拉伸 子组件的宽度和高度, 与父组件项目
          scrollDirection: Axis.vertical,
          // 3. 指定创建的数量
          itemCount: 10,
          // 2. 传itemBuilder指定如何创建子元素
          itemBuilder: (context, index) {
            return Container(
              height: 100,
              child: Text(index.toString()),
            );
          },
          
        ));
  }
}
